<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=640,target-densitydpi=320, user-scalable=no/ ">
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<title>地址管理</title>
		<style type="text/css">
			.checkbox {
				position: relative;
				display: inline-block;
				height: 50px;
				top: 15px;
				float: right;
			}
			
			.checkbox input {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				z-index: 5;
				opacity: 0;
				cursor: pointer;
			}
			
			.checkbox label {
				width: 90px;
				height: 42px;
				background: #ccc;
				position: relative;
				display: inline-block;
				border-radius: 46px;
				-webkit-transition: 0.4s;
				transition: 0.4s;
			}
			
			.checkbox label:after {
				content: '';
				position: absolute;
				width: 50px;
				height: 50px;
				border-radius: 100%;
				left: 0;
				top: -5px;
				z-index: 2;
				background: #fff;
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
				-webkit-transition: 0.4s;
				transition: 0.4s;
			}
			
			.checkbox input:checked+label {
				background: red;
			}
			
			.checkbox input:hover+label:after {
				box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
			}
			
			.checkbox input:checked+label:after {
				left: 40px;
			}
			
			.checkbox input:checked+label:after {
				background: #4285F4;
			}
		</style>
	</head>

	<body>
		<div class="header bgd_color">
			<div class="left h_lf">

			</div>
			<div class="left h_center">
				地址管理
			</div>
			<div class="left h_rg">

			</div>
		</div>
		<div class="container submit_order_container bgd_color_gray">
			<div class="height120 pad_lr26 overflow_hide f_size24 f_color_gray0 bgd_color_white border_bot2">
				<div class="left pad_lr15 margin_t10 f_color_0">
					<div class="f_size24">
						<span>gengzhenpei</span>&nbsp;&nbsp;
						<span>手机号151222222</span>
					</div>
					<div class="f_size24">
						<span>天津市</span>&nbsp;
						<span>南开区 &nbsp;天拖南</span>
					</div>
				</div>
			</div>
			<div class="line_height70 f_size20 f_color_0 overflow_hide pad_lr26 border_bot1 bgd_color_white">
				<div class="left pad_lr10">
					设为默认
				</div>
				<div class="left pad_lr10">
					按钮
				</div>
				<div class="right pad_lr10">
					<img class="margin_lr10" src="images/delete_icon.png"/>
					<span>删除</span>
				</div>
				<div class="right pad_lr10">
					<img class="margin_lr10" src="images/edite_icon.png"/>
					<span>编辑</span>
				</div>
			</div>
			<div class="margin_t50 margin_lr20 box_size_border">
				<button class="f_size32 f_color_white bgd_color_main width_100 line_height80 border_none border_radius20">添加新的收货地址</button>
			</div>
		</div>

	</body>

</html>